<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>垂直居中</title>
    <style type="text/css" >
        body { background: #0346AD; }
        ul{width: 500px; height: 300px;}
        li{height: 30px;width: 500px;list-style:disc inside url(images/1.jpg); }
        caption{ font:24px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1; color:#FFF; font-weight: bold}
        table{background:#FFF5F5; -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 10px;
            box-shadow: 1px 5px 12px 1px #000;
            position:absolute;
            top:45%;
            left:50%;
            margin:-100px 0 0 -250px;/*这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二,margin可以以百分比的形式写*/
        }
    </style>
</head>
<body>
    <table width="500" height="200" border="0">
        <caption>管理系统</caption>

        <thead>
        <tr>
            <th>标题</th>
            <th>标题</th>
            <th>标题</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td>脚注</td>
        </tr>
        </tfoot>
    </table>
</body>
</html>